<template>
  <!-- Generator: Adobe Illustrator 24.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
  <svg
    :key="brder1Key"
    width="100%"
    height="100%"
    viewBox="0 0 1182.4 1080"
    xmlns="http://www.w3.org/2000/svg"
    xmlns:svg="http://www.w3.org/2000/svg"
    xmlns:xlink="http://www.w3.org/1999/xlink"
    preserveAspectRatio="xMinYMin meet"
  >
    <!-- Created with SVG-edit - https://github.com/SVG-Edit/svgedit-->

    <defs>
      <filter id="glow">
        <feGaussianBlur stdDeviation="3" result="coloredBlur" />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0   0
                  0 0 0 0   0
                  0 0 0 0   0
                  0 0 0 0.5 0"
        />
        <feMerge>
          <feMergeNode in="coloredBlur" />
          <feMergeNode in="SourceGraphic" />
        </feMerge>
      </filter>
      <filter id="shadow">
        <feDropShadow dx="5" dy="5" stdDeviation="3" flood-color="#6177C2" />
      </filter>
      <symbol
        id="svg_12"
        viewBox="0 0 903.7 1080"
        xmlns="http://www.w3.org/2000/svg"
        xmlns:xlink="http://www.w3.org/1999/xlink"
      >
        <image
          height="976"
          id="svg_1"
          transform="matrix(0.9681 0 0 0.9681 77.5302 55.3074)"
          width="758"
          xlink:href="http://www.67934.cn:31311/iot/003/tenant/Z21.png"
        />
        <radialGradient
          id="SVGID_red_"
          cx="453.5653"
          cy="-475.8021"
          r="176.7435"
          gradientTransform="matrix(1 0 0 1 0 780)"
          gradientUnits="userSpaceOnUse"
        >
          <stop offset="0.5307" style="stop-color:#FFFFFF;stop-opacity:0" />
          <stop offset="1" style="stop-color:red;stop-opacity:0.8" />
        </radialGradient>
        <radialGradient
          id="SVGID_greent_"
          cx="453.5653"
          cy="-475.8021"
          r="176.7435"
          gradientTransform="matrix(1 0 0 1 0 780)"
          gradientUnits="userSpaceOnUse"
        >
          <stop offset="0.5307" style="stop-color:#FFFFFF;stop-opacity:0" />
          <stop offset="1" style="stop-color:#67C23A;stop-opacity:0.8" />
        </radialGradient>
        <path
          class="st0"
          d="m419.4,902.9l-6.6,8l-9.2,-6.2l3.2,-116.9l7.6,-6.9l9.1,5.6l-1.4,38.5l77.9,-81.1l-0.6,8.3l-44.6,48.1l-7.8,17.1c0,0 -3.8,9.4 4,17.8c-1.7,2.4 -11.4,15.5 -11.4,15.5l0.8,2l14.1,8.9l11.4,-12.2l29.8,18.4c0,0 7.2,5.5 15.6,-1.7c-3.7,4.1 -16.4,18.8 -16.4,18.8l0.1,2.6l15.7,9.5l7.2,-9.3l1.1,-1.5l2.7,-30.2l7.2,-8.4l9,6.4l0,8.5l32,-38.4l0,-6.6l3.1,1.6l4.9,-5.6l-1.9,-3.7l1.9,-19.2l14.8,-27.8c0,0 -0.8,-10.5 -2.6,-13.8c5.1,3 39,21.7 39,21.7l7.9,-48.1l6.1,-7.3l9.2,5.6l-18.6,117.5l-6.4,7.4l-8.9,-5.6l4.8,-34l-91.4,110.8l-5.1,52.9l-6.4,7.6l-10.2,-6.4l4.6,-44.1l0,-8.5l-93.9,-57.3l-1.4,41.7z"
          id="svg_2"
        />
        <polygon
          class="st1"
          id="svg_3"
          points="268.5,412.8 225.5,390.6 220.4,316.3 366.7,210 410,228.8 408.4,301.9 "
        />
        <path
          class="st2"
          d="m498.7,749.6l-43.8,50.7l-7.8,17.1c0,0 -3.8,7.9 4,17.8c-7.9,10.8 -11.4,15.5 -11.4,15.5l0.8,2l14.1,8.9l11.4,-12.2l29.8,18.4c0,0 8.6,5.4 15.6,-1.7c-5.5,6.1 -16.4,18.8 -16.4,18.8l0.1,2.6l15.7,9.5l8.3,-10.8l2.7,-30.2l7.2,-8.4l9,6.4l0,8.5l32,-38.4l0,-6.6l3.1,1.6l4.9,-5.6l-1.9,-3.7l1.9,-19.2l14.8,-27.8c0,0 0.2,-14.1 -7,-20.3c-7.3,-6.1 -17.6,-13.2 -17.6,-13.2l-2.7,2.1l-3.3,-2.1l-0.1,-2.8l-12.1,-6.8l-2.1,1l-2.2,-1l-0.8,-2.1l-4.1,-2.3l-5.9,63.2c0,0 -8,16.4 -24.3,11.1c-16.3,-5.3 -12.8,-15.7 -12.8,-15.7l0.9,-24.3z"
          id="svg_4"
        />
        <path
          class="st3"
          d="m541.2,443.3c0,0 -3.7,8.7 -4,12c2.7,-1.6 4,-4 4,-4l0,-8z"
          id="svg_5"
        />
        <g id="svg_6">
          <!-- 炉体 -->
          <path
            fill="none"
            stroke="#52c41a"
            stroke-width="3"
            filter="url(#glow)"
            class="st4 "
            d="m593.3,286.1c-0.8,-13.5 -3.9,-21 -5.5,-23.1c0,-3 2.6,-42 -41.6,-65.6c-5.3,-2.6 -26.8,-15.3 -57.9,-20.7c0.2,-7.3 1.4,-36.6 1.4,-36.6s-2.7,-9.3 -14.4,-12c0.4,-5.1 0,-24.2 0,-24.2s-0.4,-6.7 -15.4,-6.9c-15,-0.2 -13.8,6.9 -13.8,6.9l0,22.3c0,0 -17,5.3 -17,15s0,34.1 0,34.1s-33.7,1.4 -60.9,16.2c-27.2,14.8 -43.5,33.5 -46.7,60.9c-1.2,3.7 -17.4,30.4 1,62.7c0.2,8.3 2.2,90.4 2.2,90.4s-12.8,15 -4.3,51.4c17.1,8.7 92.9,47.3 92.9,47.3l19.1,-16.1c0,0 13.3,-5.4 15.1,7.2c0.1,5.6 0.1,16.1 0.1,16.1l58.8,-54.1c0,0 -3.6,-2.2 -3.8,-5.1c-0.2,-2.9 0.4,-5.3 4.3,-5.4c0,0 1.7,-2.7 2.9,0.2c1.1,-0.2 3.3,0.5 3.8,3.3c3.2,-3.8 8,-9.5 8.2,-14.8c0.3,-5.4 4.6,-60.6 4.6,-60.6s-1,-11.6 6.8,-19.2s20.2,-18.6 20.2,-18.6l33.7,-27.4c0.1,0.2 7,-10.1 6.2,-23.6z"
            id="svg_7"
          >
            <!-- <animate
              attributeName="stroke-width"
              from="5"
              to="20"
              dur="1s"
              repeatCount="indefinite"
            /> -->
            <animate
              attributeName="stroke"
              values="#235fa7;#c0f3a7;#235fa7;"
              dur="1.6s"
              begin="0s"
              repeatCount="indefinite"
            />
          </path>
          <path
            class="st5"
            d="m564.8,428.2l-11.7,10.7l-1.7,18c0,0 7.2,4 5.6,11.3l8.1,-7.8c0,0 6.3,-17.8 6.1,-29.1c-6.4,-3.1 -6.4,-3.1 -6.4,-3.1z"
            id="svg_8"
          />
          <path
            class="st6"
            d="m540.8,359.7c0,0 -6.5,6.9 -7.2,16.9s-3.5,52.9 -3.5,52.9s-0.9,17.7 -7.9,24.1s-28.4,26.8 -28.4,26.8l-0.8,17.9c0,0 -2,2 -3,2.6c0,4.4 0,8.7 0,8.7l38.4,-37.2l1.6,-11.2c0,0 3.2,-15.7 12.9,-23.4c2.5,-3 2.5,-3 2.5,-3l7.3,-85.5l-11.9,10.4z"
            id="svg_9"
          />
          <path
            class="st7"
            d="m483,490.9l-3.7,3l-0.6,17.7c0,0 -1,2.1 -2.7,2.4c0,3.7 -1.2,8.5 -1.2,8.5l8.2,-7.5l0.8,-5.6l1.1,-1.4l0,-7.9l-1.5,-1.2l-0.4,-8z"
            id="svg_10"
          />
          <polygon
            class="st8"
            id="svg_11"
            points="468.5,504.2 464,508.2 464,524.3 469.6,524.3 469.6,521.9 470.7,514.2 468.8,512.6  "
          />
          <polygon
            class="st9"
            id="svg_15"
            points="453.5,525.1 453.5,518.4 448.9,522.6  "
          />
          <polygon
            class="st10"
            id="svg_16"
            points="434.3,515 434.3,504.2 426.3,511.7  "
          />
          <path
            class="st11"
            d="m572.3,331c-3.4,3.1 -10.6,10.9 -10.6,10.9l-0.8,10.8c0,0 7.6,-7.9 13.2,-7.6c0,-5.2 2.2,-26.3 2.2,-26.3l-3.4,2.8c0,-0.1 2.7,6.3 -0.6,9.4z"
            id="svg_17"
          />
        </g>
        <g class="st12" id="svg_18">
          <!-- class="st_red" -->
          <path
            d="m548.7,285.7c-17.6,-8 -58.9,-24.7 -58.9,-24.7s-14.3,-6.2 -19.3,10.2c0,4.4 0,19.5 0,19.5s3.6,4.9 7.6,0.8c0,-7 0,-18.8 0,-18.8s1.9,-6 7.3,-4.7s60.7,26 60.7,26s10.6,6.4 9.8,14.8c-0.7,8.2 -10.5,125.2 -10.5,125.2l8.5,-8.3l10.5,-117.4c0,0 1.9,-14.6 -15.7,-22.6z"
            id="svg_19"
          />
          <!-- class="st_red" -->
          <path
            d="m543.6,448.1c-0.3,3.5 -0.6,14 -0.6,14s4.9,5.6 7.5,1.5c0.8,-6.8 2.1,-25.5 2.1,-25.5s-7.8,6.9 -9,10z"
            id="svg_20"
          />
        </g>
        <!-- 进口管道 -->
        <g class="st12" id="svg_21" :class="'s_101'">
          <!-- class="st14_green" -->
          <path
            d="m417,577.9c-9.5,10.3 -9.4,31.5 -9.4,31.5s-1.2,65.9 -1.4,77.3c-0.2,11.4 -7.6,19.3 -7.6,19.3l-114.8,115.3c0,0 -1.3,4.4 2.2,9s8.5,4.2 8.5,4.2s110,-111.5 118.5,-120.6s8.4,-25.2 8.4,-25.2s2.8,-66.4 3.8,-82.7s6.9,-18.2 6.9,-18.2l0,-24.4c-0.1,0 -5.6,4.2 -15.1,14.5z"
            id="svg_22"
          />
          <path
            d="m445.4,549.7l-0.9,25.1c0,0 22.9,-21.1 27.9,-27.1c0.3,-5.1 5.6,-5.4 5.6,-5.4l48.6,-45.6l1.7,-24.3l-31.8,30.8l-51.1,46.5z"
            id="svg_23"
          />
          <path
            d="m551.4,456.8c0,1.4 -0.8,6.8 -0.8,6.8s-0.6,2.4 -4.4,0.9c-1.2,-0.7 -3.1,-2.5 -3.1,-2.5l0,-4l-5.7,6.1l-1.4,23.4l21.1,-19.6c-0.1,0.2 1.3,-6.9 -5.7,-11.1z"
            id="svg_24"
          />
        </g>
        <!-- 出口管道 -->
        <g class="st12" id="svg_25" :class="'s_104'">
          <line
            fill="none"
            id="svg_124"
            opacity="0.5"
            stroke="#00b3bc"
            stroke-dasharray="null"
            stroke-linecap="null"
            stroke-linejoin="null"
            stroke-width="2"
            x1="41.09998"
            x2="41.09998"
            y1="407.5"
            y2="407.5"
          />
          <path
            xmlns="http://www.w3.org/2000/svg"
            class="st33 jinshui"
            d="M563.4,482.7c0,0,3.6-2.5,8.9,2.6c5.3,5.1,1.9,9.4,1.9,9.4l-121,119.6c0,0-9.8,6.9-9.6,24.8s-2.5,55-2.5,55  s1.5,23.4-15.7,39.4c-17.2,16-109.7,113-109.7,113s-5.2,1.9-8.9-3s-5.3-7.5-1.7-11.3c3.6-3.8,113.1-115.1,113.1-115.1  s7.1-3,7.3-24.5c0.1-21.5,1.5-52.7,1.5-52.7s-0.6-23.4,16.9-40.5S563.4,482.7,563.4,482.7z"
          />
        </g>
        <!-- 进水管压力 -->
        <path
          class="st15"
          d="m453.5,525.1l0.1,-16.4c0,0 1.7,-6.3 7.3,-4.5c5.6,1.8 3.1,7.2 3.1,7.2l0,15.1c0,0 -0.9,1.5 -3.7,2.3c-0.3,3.8 -1.3,19.1 -1.3,19.1s-2,2.3 -4,0c0.3,-5.3 1,-20.1 1,-20.1s-2.5,0.1 -2.5,-2.7z"
          id="svg_28"
        />
        <!-- 进水管流量 -->
        <path
          class="st15"
          d="m468.3,510.1l0.1,-16.4c0,0 1.7,-6.3 7.3,-4.5c5.6,1.8 3.1,7.2 3.1,7.2l0,15.1c0,0 -0.9,1.5 -3.7,2.3c-0.3,3.8 -1.3,19.1 -1.3,19.1s-2,2.3 -4,0c0.3,-5.3 1,-20.1 1,-20.1s-2.5,0.1 -2.5,-2.7z"
          id="svg_29"
        />
        <!-- style="opacity: 1;" -->
        <!-- st14_green -->
        <path
          class="st15"
          d="m482.8,496.6l0.1,-16.4c0,0 1.7,-6.3 7.3,-4.5c5.6,1.8 3.1,7.2 3.1,7.2l0,15.1c0,0 -0.9,1.5 -3.7,2.3c-0.3,3.8 -1.3,19.1 -1.3,19.1s-2,2.3 -4,0c0.3,-5.3 1,-20.1 1,-20.1s-2.5,0.2 -2.5,-2.7z"
          id="svg_30"
        />

        <path
          v-tooltip.right="{
            content: '阀门开关: 开',
            offset: 80
          }"
          fill="red"
          d="m540.6,509.6l0,-8.3l-2.2,-2.4l0.7,-15.9c0,0 1,-5 5.9,-5.1c4.9,-0.1 3.8,5.6 3.8,5.6l-1.1,15.9l-3.2,2.2l-0.5,8c0.1,0 -1.4,2.2 -3.4,0z"
          id="svg_31"
        />

        <!-- 出水管温度 -->
        <path
          class="st16"
          d="m474.4,574l0,-8.3c0,0 -3,-1.1 -3,-2.3c0,-1.2 1,-16.5 1,-16.5s0.6,-4.7 7.4,-4.5c1.4,0.5 4.6,2.8 2.3,7.1c-0.4,4.7 -0.3,14.5 -0.3,14.5s-1.9,2 -3.5,2c-0.1,1.9 -0.2,8.8 -0.2,8.8s-2.1,2.1 -3.7,-0.8z"
          id="svg_32"
        />

        <path
          class="st16"
          d="m472.6,595.3l0,7.2c0,0 -4.1,0.8 -4.4,3.8c-0.3,3 -0.6,15 -0.6,15s0.2,5.1 4.9,4.8c4.7,-0.3 5.5,-4.3 5.5,-4.3l1.2,-16c0,0 -0.7,-2.4 -2.8,-3.2c0.1,-3.2 0.7,-11.9 0.7,-11.9l-4.5,4.6z"
          id="svg_33"
        />
        <path
          class="st16"
          d="m488.2,609.9c0,0 -4.7,-0.9 -4.7,-3.9s1.1,-16.9 1.1,-16.9s0.5,-1.7 1.9,-1.7s5.7,2 5.7,2s1.7,0.2 2.5,-0.6c0,5.3 -0.7,17.3 -0.7,17.3s-1.3,3.7 -5.8,3.8z"
          id="svg_34"
        />
        <path
          class="st16"
          d="m501.1,575.5l-0.8,15.5c0,0 1.5,2.6 4.6,2.5c3.1,-0.2 4.5,-2.8 4.5,-2.8l0.6,-17.7l-1.3,-0.8c0,0 0.4,4.1 -3.6,3.7c-4,-0.4 -4,-0.4 -4,-0.4z"
          id="svg_35"
        />
        <path
          class="st16"
          d="m517.1,560.7l-0.6,14.9c0,0 1.4,2.3 4.2,2.2s4.4,-2.9 4.4,-2.9l0.6,-16.8c0,0 -0.3,-1.1 -1.1,-1.2c-0.2,1.3 -1.7,4.4 -3.9,4.2c-2.2,-0.4 -3.6,-0.4 -3.6,-0.4z"
          id="svg_36"
        />
        <path
          class="st16"
          d="m534.8,535.4l0,6c0,0 -4,1.7 -4.2,4s-0.8,15.6 -0.8,15.6s1.1,2.9 3.9,3c2.8,0.1 2.1,-0.8 2.1,-0.8l3.6,-4.3l0.8,-14.2c0,0 -0.6,-2.6 -2.7,-3.4c0,-4.7 0.1,-10.4 0.1,-10.4l-2.8,2.7l0,1.8z"
          id="svg_37"
        />

        <path
          fill="red"
          class="st16"
          d="m493.5,583.5c0,0 -1.7,3.3 -3.7,0c0,-3.1 0,-8 0,-8s-2.7,-1.2 -2.7,-2.6s0.9,-16.1 0.9,-16.1s1.1,-5 5.5,-4.9c4.5,0.1 4.3,4.9 4.3,4.9l-0.5,15.8c0,0 -1.3,2.7 -3.3,3c-0.2,2.9 -0.5,7.9 -0.5,7.9z"
          id="svg_38"
        />
        <!-- 出口压力 -->
        <path
          class="st16"
          d="m502.7,571.3l0,-8.6c0,0 -2.5,-0.7 -2.4,-2.9c0.1,-2.2 0.5,-15.1 0.5,-15.1s0,-5.6 6.2,-5.6c3.7,0 4.5,3.7 4.2,6.9s-0.8,14.3 -0.8,14.3s-0.8,2.4 -3.4,2.5c0,3.8 0,8.5 0,8.5s-2,2.4 -4.3,0z"
          id="svg_39"
        />
        <path
          class="st16"
          d="m522.6,523.9c0,0 -5.2,-0.1 -5.7,6.3c-0.5,6.4 -0.4,14.9 -0.4,14.9s0.9,1.9 2.5,1.6c0,2.5 0,9 0,9s1.2,1.4 2.8,0c0.1,-2 0.3,-9 0.3,-9s3,0.3 3.7,-1.4c0.7,-1.7 0.8,-14.8 0.8,-14.8s1.6,-7.2 -4,-6.6z"
          id="svg_40"
        />
        <path
          class="st17"
          d="m459.5,276.9c0,0 -5,3.6 -7.9,0c0,-6.4 0,-26.5 0,-26.5s2.7,-15.6 13.7,-13.5c11.1,2.2 104.6,41.5 104.6,41.5s18.3,8.2 16.3,28.7s-8.7,90.1 -8.7,90.1s-0.9,17.6 -8.9,26.2c-8.1,8.6 -20.1,18.4 -20.1,18.4s-10.9,11.1 -11.4,24.7s-3.9,56 -3.9,56s-0.9,3.2 -4.3,2.9s-4.4,-3.6 -4.4,-3.6l4.6,-58c0,0 1.8,-19.8 15.3,-28.6c5.9,-5.9 13.8,-13.1 13.8,-13.1s10.7,-10.4 11.2,-22.4s8.1,-89.6 8.1,-89.6s2.8,-16.7 -8.2,-22s-99.3,-41.9 -99.3,-41.9s-8.7,-4.5 -9.3,4.5c-0.5,9.1 -1.2,26.2 -1.2,26.2z"
          id="svg_41"
        />
        <path
          class="st18"
          d="m552.3,721l23.4,-26.1c0,0 10.2,-6.2 22.5,5.1s8,22 8,22l-19,21.9l-34.9,-22.9z"
          id="svg_42"
        />
        <g class="st12" id="svg_43">
          <path
            class="st19"
            d="m773,349.3c-16.4,-26.4 -62.3,-35.1 -62.3,-35.1l9.9,-65.6c0,0 -0.9,-5 -8.4,-5.9c-7.5,-0.9 -11.7,3.1 -11.7,3.1l-10,66.2c-23.1,-1.5 -42.1,2.1 -59.5,11c-23.8,9.3 -27.6,34.4 -27.6,34.4l-21.1,-9.9c0,0 -4.8,49.5 -5.5,55.7c-2.3,16.7 -12,24.8 -12,24.8l41.8,20l-6.1,47.2c0,0 -55.2,56.4 -61.1,63.5c-31.1,35.5 -32.4,94.3 -32.4,94.3l-4.1,48.7c0,0 -4.1,63.1 -5.1,72s2.9,12.8 12.8,15.7c18.6,3.9 24.3,-11.1 24.3,-11.1s10.4,-92.8 13.1,-129.7c2.7,-36.9 25.8,-67.8 25.8,-67.8l21.4,-22c0,0 -6.4,51 -7.6,56.4c-7,6.4 -1.5,15.4 -1.5,15.4s-4.6,35.4 -4.9,46.1c-0.3,10.7 5.1,13.4 5.1,13.4c7.3,10.2 20.8,2.9 20.8,2.9l23.3,-24.4l-0.2,-5.1c0,0 1.2,-1.1 3.7,-1.6c31,10.3 56.5,0 56.5,0s3.6,-10.4 4.1,-13.5c7.5,-5.9 9.7,-15.3 9.7,-15.3s16.7,-91 17.8,-96.7c14.1,-6.9 20.9,-21.7 20.9,-21.7l3.3,-19l15.8,-84.7c18.7,-9.2 29.1,-42.3 11,-61.7z"
            id="svg_44"
          />
          <path
            class="st19"
            d="m569.4,400.2c0.4,-6.3 4.7,-55.1 4.7,-55.1s-6.8,0.4 -13.2,7.6c-0.8,7.2 -6.7,69.7 -6.7,69.7l2.4,1.1c0,0.1 11.5,-10.2 12.8,-23.3z"
            id="svg_45"
          />
        </g>
        <path
          class="st20"
          d="m471.2,892.1l-36.9,-23l-1.1,27l3.3,2l9.2,-9.9c0,0 1.8,-1.8 5.5,1.7c3.7,3.5 1.9,6 1.9,6l-7.1,8l10.9,7.1l10.3,-0.8l3.4,-3.3l0.6,-14.8z"
          id="svg_46"
        />
        <path
          class="st21"
          d="m429.9,906.3l15.6,-18.2c0,0 2.1,-1.7 5.5,1.7s1.9,6 1.9,6l-20.9,22.5c0,0 -6.4,5.2 -9.8,0.8c-1.1,-1.4 -2.9,-2 -3.1,-9c-0.2,-7 15,-407.4 15,-407.4l-45.7,42.3c0,0 -4.1,1.5 -7.3,-2.3c-3.2,-3.8 -3.1,-6.4 -0.9,-8.2c2.3,-1.8 52.1,-46.4 52.1,-46.4s14.1,-5.3 15.1,7.2c0.2,13.1 -17.5,411 -17.5,411z"
          id="svg_47"
        />
        <g class="st12" id="svg_48">
          <path
            class="st22"
            d="m564.2,314.2c0,0 -0.8,5.8 -1,8.5c6.2,2.3 -0.5,5.9 -0.5,5.9l-0.9,13.3c0,0 5.3,-6.3 8.9,-9.2c3.6,-2.9 3.4,-6 3.4,-6.6c0.5,-7.4 -9.9,-11.9 -9.9,-11.9z"
            id="svg_49"
          />
          <path
            class="st22"
            d="m526.4,374.9c-1.3,16.9 -4.4,58.3 -4.4,58.3s0.2,5 -1.5,7.4c-0.9,1.7 -6.8,9.7 -6.8,9.7s-0.6,4.8 -5,6c0,0.8 0,3.6 0,3.6l-2.3,0l0.1,-2.6l-59.5,54.4l-0.4,11.4l6.8,-5.9l0.3,-8.6c0,0 0.5,-4.8 6,-4.8c1.3,0.3 4.4,1.1 4.4,4.3c2.4,-2.1 4.5,-4 4.5,-4l-0.2,-10.5c0,0 2.2,-4.7 6.1,-4.8s4.9,3.7 4.9,3.7l0,1.2l3.7,-3l-0.2,-10.7c0,0 1.8,-4.4 6.4,-4.7c1.4,-0.1 4.3,1.9 4.6,4.9c1.6,-1.5 28.4,-26.8 28.4,-26.8s6.6,-8.6 7.5,-19.6c0.9,-11 3.8,-55.8 3.8,-55.8s0.7,-12.7 8,-19.1s11.2,-9.8 11.2,-9.8l0.7,-12.2l-18.7,17.2c-0.1,0.2 -7.1,3.9 -8.4,20.8z"
            id="svg_50"
          />
          <path
            class="st22"
            d="m418.5,548.9l-0.9,28.4l9.3,-9.4c0,0 0.3,-12.4 0,-18.1c-0.3,-5.7 6.1,-13.1 6.1,-13.1l0.5,-12.8c-13.3,8.1 -15,25 -15,25z"
            id="svg_51"
          />
          <polygon
            class="st22"
            id="svg_52"
            points="253.1,556.3 407.2,641 407.2,631.2 253.1,547.5  "
          />
          <polygon
            class="st22"
            id="svg_53"
            points="110.6,472.1 110.6,479.3 183.5,518.4 183.5,509.6 110.6,470.6  "
          />
          <polygon
            class="st22"
            id="svg_54"
            points="185.9,519.9 195.4,525.3 195.4,516.3 185.9,511.2  "
          />
          <polygon
            class="st22"
            id="svg_55"
            points="200.4,527.7 225.5,541.4 225.5,532.8 200.4,519  "
          />
          <polygon
            class="st22"
            id="svg_56"
            points="228.7,542.9 249.9,554.7 249.9,545.8 228.7,534  "
          />
        </g>
        <polygon
          class="st23"
          id="svg_57"
          points="427,562.7 430.8,564.4 426.9,567.9 "
        />
        <g class="st12" id="svg_58">
          <path
            class="st24"
            d="m424.9,610.8c-0.2,3.7 -0.8,16.6 -0.8,16.6l3.7,1.8c0,0 1.6,-8.3 2.7,-9.5c0,-3.8 0.5,-31.2 0.5,-31.2s-5.9,3.9 -6.1,22.3z"
            id="svg_59"
          />
          <polygon
            class="st24"
            id="svg_60"
            points="252.7,547.2 257.5,549.8 257.5,543.2 252.7,540.5  "
          />
          <path
            class="st24"
            d="m553.4,337.1l2.2,-24.3l-6.3,-2.6l-1.1,11.6l-4.7,0.3l0.8,-13.9l-26.3,-11.2l-0.1,11.2c0,0 -3,2.2 -5,-0.1c0,-2.1 0.2,-13.6 0.2,-13.6l-25.1,-10.9l0,10.8c0,0 -0.6,2.2 -3.1,1.9c-2.5,-0.3 -2.5,-3.3 -2.5,-3.3l0.8,-11.2l-3.8,-1.9l-0.4,11.3c0,0 -2.3,2.1 -4.9,1.8s-3.5,-2.4 -3.5,-2.4l0,-14.4l-10.8,-4.5l0.1,5.5c0,0 -1.3,1.8 -2.7,1.9c0,2 -0.1,3.7 -0.1,3.7s-2,2.1 -3.5,0c-0.4,-2.6 -0.5,-4.7 -0.5,-4.7s-1.1,-0.5 -1.5,-1.2c0,-0.8 -0.3,-8.6 -0.3,-8.6s-2.3,-0.1 -2.9,0.2c-0.7,0.3 -13,11.4 -13,11.4l-0.4,8l-2.4,-0.3l-2.7,-3.6l-1.1,1.3l-15.4,-7.1l-4.4,2.8l-0.5,20.9l-140,110.9l-17.3,-8.2l-30.1,24.1l0.9,24.4l-2,0l0,-4.8l-8.7,7.2l3.2,38.5c0,0 17.9,-0.9 30.2,-13.4c11,-9.7 11,-9.7 11,-9.7l1.9,-0.2l121.1,63.3l34.6,-29.8l-107.1,-53.9l11.7,-8.9l80.1,-66.1l-1.7,119.1l17.1,7.9l2.7,-7.3l3.8,1.4l2,-1.9l4.5,-133.2l97.4,44.5l2.7,-31l-100.1,-43.8l0,-12.3l100.4,45.4c0,0 3.8,-6.7 8.7,-11.5c4.8,-4.6 17.9,-15.5 17.9,-15.5zm-154.9,2.6l-120.6,96.4l-7.4,-4.1l128,-102l0,9.7z"
            id="svg_61"
          />
          <path
            class="st24"
            d="m208.7,456.9l-12.1,9.5l1.5,24.4c0,0 -0.3,1.8 13,2.9c0.1,-9.4 -2.4,-36.8 -2.4,-36.8z"
            id="svg_62"
          />
          <path
            class="st24"
            d="m183.5,477c0,0 3.5,9.7 11.9,13.1c0,-9 -1.1,-21.4 -1.1,-21.4l-10.8,8.3z"
            id="svg_63"
          />
          <polygon
            class="st24"
            id="svg_64"
            points="178.1,481.7 172.2,486.4 172.6,491.4 181.9,496.9 181.9,486 178.4,485.9  "
          />
          <path
            class="st24"
            d="m184.2,485.2l0.7,13.2l9.5,5.2c0,0 0,-3 0,-10.9c-5.4,-1.1 -10.2,-7.5 -10.2,-7.5z"
            id="svg_65"
          />
          <path
            class="st24"
            d="m214.8,496.9c0.2,3.3 0.1,7.6 0.1,7.6l-2,-0.1l0,2.1l-2.8,-0.3l0,-8.5l1.9,0l0.1,-1.1c0,0 -8.9,0.4 -13.4,-1.5l0.6,10.9l25.4,13.5l-1.5,-23.3c-0.1,0 -7.3,0.8 -8.4,0.7z"
            id="svg_66"
          />
          <path
            class="st24"
            d="m245.5,484.2c0,0 -11.6,10.1 -19.5,10.9c0,3.1 1.7,28.4 1.7,28.4l21.1,12l-3.3,-51.3z"
            id="svg_67"
          />
          <path
            class="st24"
            d="m388.4,545c-3,0.9 -5,-0.5 -6.4,-1.4c-2.9,-2 -3.4,-5.8 -3.4,-5.8l-7.9,-3.9c0,0 0,53.4 0,55.8c-1.7,1.3 -2.8,-0.4 -2.8,-0.4l0,-57.2l-34.8,-17.8c0,0 0.5,52.3 0.5,55.2c-1.5,2.2 -3.6,-0.3 -3.6,-0.3l-0.4,-56.6l-34.3,-18c0,0 2,52.5 1.8,55.1c-2.1,2 -3.5,-0.2 -3.5,-0.2l-1.3,-56.4l-33.8,-17.8c0,0 2.4,49.4 2.4,56c-3.4,1 -4.4,-0.6 -4.4,-0.6s-0.3,-4.5 -0.3,-6.4c-0.1,-1.8 1.6,-1.8 1.6,-1.8l-2.3,-47.3l-7.6,6.5l3.8,52.4l0,3.1l5.3,2.7l0.3,-2.7l149.4,80.5l0,-65.5l-16.9,-8.8c0.2,0.2 -0.4,0.7 -1.4,1.6z"
            id="svg_68"
          />
          <path
            class="st24"
            d="m410.1,591.5c3.3,-11.4 7.5,-14.3 7.5,-14.3l0.6,-19.2l-7.6,-3.8c0,0 -0.9,33.3 -0.5,37.3z"
            id="svg_69"
          />
          <path
            class="st24"
            d="m443.9,599.3l30.5,-29.8l0,-3.9c0,0 -3,-1 -3,-2.3c0.1,-1.3 0.9,-15.7 0.9,-15.7l-3.9,4.1l-0.2,7.8c0,0 -1.2,2.5 -4.6,1.7c-2.1,-1.9 -2.5,-2.3 -2.5,-2.3l-1.4,1.3l0.1,8c0,0 -4.9,3.1 -6.5,-2c-1.2,1.2 -9,8.4 -9,8.4l-0.4,24.7z"
            id="svg_70"
          />
          <path
            class="st24"
            d="m523.1,506.5c0,0 -0.6,1.7 -2.6,1.9c-2,0.2 -2.6,-1.2 -2.6,-1.2l0,-2.4l-2.7,2.6l0,6.9c0,0 -0.3,1.7 -2.4,1.9c-2.1,0.2 -2.7,-2.3 -2.7,-2.3l-6.6,6.1l-1.1,-0.7c0,0 0,5.6 0,7.3c-3.9,3.6 -5.8,-0.2 -5.8,-0.2l-13.3,13.3l-1.7,-0.8c0,0 -2.4,2.2 -3.7,3.5c2.6,-0.3 3.1,0.7 3.9,1.4c2.3,2.9 0.3,5.8 0.3,5.8l-0.3,12.8c0,0 2.3,-2.3 6.1,-5.9c1.4,-4.3 4.6,-4.5 4.6,-4.5s6.3,-6.2 8.3,-8.1c0.7,-3.9 4.7,-4.6 4.7,-4.6s8.4,-8.2 11.4,-11.4c1.6,-3.2 4.5,-4.1 4.5,-4.1l3,-3l2,-23.9l-3.6,3.4l0.3,6.2z"
            id="svg_71"
          />
          <polygon
            class="st24"
            id="svg_72"
            points="540.6,501.3 538.5,498.9 539.1,484.6 536,487.5 534.1,511.4 540.6,505  "
          />
          <path
            class="st24"
            d="m546.3,477.9c3.8,1.6 2.5,5.6 2.5,5.6l-1,14.4c0,0 13.3,-12.9 15.6,-15.2s5.7,0.2 8,1.9c5.4,4 4,9 4,9l-35.3,34.8l0,5.1l63.5,-62.4l3,-22.8l-18.7,-9l-41.6,38.6z"
            id="svg_73"
          />
          <path
            class="st24"
            d="m392.8,540.9c0,0 21.3,11.3 25.5,13.7c-0.3,-8.8 2.8,-15.5 3.4,-16.9c2.6,-7.8 11.8,-13.9 11.8,-13.9l0.8,-8.9l-9.2,-3.9l-32.3,29.9z"
            id="svg_74"
          />
          <path
            class="st24"
            d="m448.1,521.8l-1.6,1.4l-1,25.2l9.9,-8.9c0,0 0.5,-9 0.6,-11.7c-2.8,-0.2 -2.5,-2.6 -2.5,-2.6l-5.4,-3.4z"
            id="svg_75"
          />
          <path
            class="st24"
            d="m461.7,528.3c-1.3,0.5 -1.3,0.5 -1.3,0.5l-0.4,5.5l5,-4.2c-0.1,0 -3.5,-1 -3.3,-1.8z"
            id="svg_76"
          />
          <path
            class="st24"
            d="m426.9,567.9l5.2,-4.5l0.9,-26.7c0,0 -6.1,7.4 -6.1,11.6c0.1,4.2 0,19.6 0,19.6z"
            id="svg_77"
          />
          <path
            class="st24"
            d="m494,575.5l-0.2,5.6c0,0 0,0 2.1,1.4c1.7,3.1 -1.1,5.7 -1.1,5.7s-0.8,15.4 -1,17.9c-1.1,2.8 -3.7,3.5 -5.3,3.8c-4.6,-0.3 -5.1,-3.9 -5.1,-3.9s1,-15.1 1.1,-16.9s2.5,-1.8 2.5,-1.8l-3.8,-2.6l-5.9,5.9c0,0 -0.7,10.5 -0.7,11.9c1.9,0.5 2.8,3.2 2.8,3.2s-1,13.5 -1.2,16c-0.8,3.2 -3.9,4.3 -5.5,4.3c-4.8,-0.2 -4.9,-4.8 -4.9,-4.8s0.4,-12.1 0.6,-15c0.2,-3 4.4,-3.8 4.4,-3.8l0,-7.2c0,0 -19.8,20.2 -23.7,24.3c-5.5,7 -5.5,13.3 -5.5,13.3l20.5,-20.4l-8.5,152.8l15.8,8.7l15.8,-17.3l12.7,-181.5c0,0 0,0 -2.6,-2c-1.4,2 -3.3,2.4 -3.3,2.4z"
            id="svg_78"
          />
          <polygon
            class="st24"
            id="svg_79"
            points="249.9,538.8 228.7,527.7 228.7,534 249.9,545.8  "
          />
          <polygon
            class="st24"
            id="svg_80"
            points="250.8,558 229.4,546.2 230.6,561.3 251.8,573.1  "
          />
          <polygon
            class="st24"
            id="svg_81"
            points="258.6,562.2 253.8,559.6 254.6,570.4 259.3,566.7  "
          />
          <polygon
            class="st24"
            id="svg_82"
            points="249.9,575.3 231.5,565.5 232.2,579.5 239.3,583.1  "
          />
          <polygon
            class="st24"
            id="svg_83"
            points="259.3,571.3 255.5,574.3 259.3,577.2  "
          />
          <polygon
            class="st24"
            id="svg_84"
            points="243.1,585.4 260.7,595 260.7,581.1 252.7,577.2  "
          />
          <polygon
            class="st24"
            id="svg_85"
            points="261.4,598.7 239.8,587 231.5,591.9 231.5,596.5 261.4,612.8  "
          />
          <polygon
            class="st24"
            id="svg_86"
            points="235.9,585.3 232.4,583.1 232.4,586.5  "
          />
          <polygon
            class="st24"
            id="svg_87"
            points="261.4,616.3 232.4,600.4 232.4,612.8 262.3,630  "
          />
          <polygon
            class="st24"
            id="svg_88"
            points="233,617.3 233.4,630.5 253.4,641.7 254.8,638.1 257.2,637.9 259.1,640.4 260.1,640.5 263.3,638.3    262.8,633.6  "
          />
          <polygon
            class="st24"
            id="svg_89"
            points="233.7,638.5 251.9,648.6 254.4,645.5 233.7,633.9  "
          />
          <path
            class="st24"
            d="m606,348.6l0.9,-12.9l-22.5,-9.8l-2.1,21.7c0,0 9,4.2 21.1,9.9c-0.2,-2.1 2.6,-8.9 2.6,-8.9z"
            id="svg_90"
          />
        </g>
        <g class="st12" id="svg_91">
          <polygon
            class="st25"
            id="svg_92"
            points="546.6,666.1 544.8,684.6 553.6,675.4 544,693.2 541.4,718.6 574.7,652.7 584.6,642.7 586,630.8    584.5,627  "
          />
          <path
            class="st25"
            d="m714.9,654.7c0,0 5.1,-21.5 4.7,-25.4c2.5,-12.6 -9.8,-27.2 -9.8,-27.2s-4.1,22.1 -5.3,28.9c6.4,6.2 7.1,14.8 7.1,14.8s-8.6,12.1 -17.7,15.2c-28.8,11.9 -58.2,1.8 -60,1.2c-1.6,0.1 -3.7,1.6 -3.7,1.6l0.2,5.1c0,0 -7.4,7.7 -14.9,15.6c28.6,19.6 70.3,6 70.3,6l-35.1,39.4l-2,20.1l10.9,-11.7l-12.7,21.1l-5.3,31l41,-79.6l38.7,-45.3l1,-7.6l-7.4,-3.2z"
            id="svg_93"
          />
        </g>
        <polygon
          class="st26"
          id="svg_94"
          points="514.8,927.1 514.8,918.6 471.2,892.1 470.4,918.5 503.8,939.3 "
        />
        <g class="st27" id="svg_95">
          <polygon
            class="st28"
            id="svg_96"
            points="313.8,654.5 315.2,656.1 315.3,659.8 313.8,660.7 321.8,665.9 369.9,620.5 357.3,613.6  "
          />
          <polygon
            class="st28"
            id="svg_97"
            points="364.1,607.8 376.6,614.6 385.6,606.4 372.5,599.3  "
          />
          <polygon
            class="st28"
            id="svg_98"
            points="494.9,643.7 493.4,664.4 507.1,650.8 509.6,629.1  "
          />
          <path
            class="st28"
            d="m438.3,715.2c0,6.6 0,6.6 0,6.6l20.7,-21.3l1.2,-21.3l-18.5,19.2c0,-0.1 -0.6,11.9 -3.4,16.8z"
            id="svg_99"
          />
        </g>
        <g class="st12" id="svg_100">
          <polygon
            class="st28"
            id="svg_101"
            points="339.5,700.5 339.5,703.9 354.8,711.7 406.7,661.6 407.2,641 403.7,639.1  "
          />
          <polygon
            class="st28"
            id="svg_102"
            points="424.1,627.4 423.3,644.6 427.3,641 428.4,629.1  "
          />
        </g>
      </symbol>
    </defs>
    <g class="layer">
      <!-- <title>Layer 1</title> -->
      <g
        id="svg_14"
        transform="matrix(1.32885 0 0 1.10406 -113.854 -27.9577)"
      />
      <use
        id="svg_13"
        transform="rotate(-0.959318 219.247 239.633) matrix(1.32885 0 0 1.10406 -113.854 -27.9577)"
        x="-66.03807"
        xlink:href="#svg_12"
        y="7.81805"
      />
      <!-- 进水管压力 开始 -->
      <g>
        <line
          stroke-dasharray="5,5"
          fill="none"
          id="svg_103"
          stroke="#00ff00"
          stroke-linecap="null"
          stroke-linejoin="null"
          stroke-width="3"
          x1="663.09997"
          x2="1062.0999685340562"
          y1="528"
          y2="284.00000393390656"
        />

        <text
          fill="#07DCF5"
          font-family="serif"
          font-size="34"
          id="svg_104"
          opacity="0.75"
          stroke="#007fff"
          stroke-dasharray="null"
          stroke-linecap="null"
          stroke-linejoin="null"
          stroke-width="0"
          text-anchor="middle"
          x="1248"
          xml:space="preserve"
          y="349"
        >
          进水管压力: 20Pau
        </text>
        <image
          preserveAspectRatio="none"
          height="220.00001"
          id="svg_118"
          width="378"
          x="1060.09998"
          xlink:href="@/assets/device/xinxikuang.png"
          y="276.99997"
        />

        <text
          fill="#07DCF5"
          font-family="serif"
          font-size="34"
          id="svg_213"
          opacity="0.75"
          stroke="#007fff"
          stroke-dasharray="null"
          stroke-linecap="null"
          stroke-linejoin="null"
          stroke-width="0"
          text-anchor="middle"
          x="1249"
          xml:space="preserve"
          y="399"
        >
          进水管流量: 20Pau
        </text>
        <text
          fill="#07DCF5"
          font-family="serif"
          font-size="34"
          id="svg_214"
          opacity="0.75"
          stroke="#007fff"
          stroke-dasharray="null"
          stroke-linecap="null"
          stroke-linejoin="null"
          stroke-width="0"
          text-anchor="middle"
          x="1230"
          xml:space="preserve"
          y="448"
        >
          进水管温度: 209
        </text>
      </g>
      <g>
        <line
          fill="none"
          id="svg_103"
          stroke="#00ff00"
          stroke-dasharray="5,5"
          stroke-linecap="null"
          stroke-linejoin="null"
          stroke-width="3"
          x1="701.09998"
          x2="1070.09998"
          y1="549"
          y2="568"
        />
        <text
          fill="#07DCF5"
          font-family="serif"
          font-size="34"
          id="svg_222"
          opacity="0.75"
          stroke="#007fff"
          stroke-dasharray="null"
          stroke-linecap="null"
          stroke-linejoin="null"
          stroke-width="0"
          text-anchor="middle"
          x="1242"
          xml:space="preserve"
          y="625"
        >
          出水管压力: 20Pau
        </text>
        <image
          preserveAspectRatio="none"
          height="220.00001"
          id="svg_118"
          width="378"
          x="1060.09998"
          xlink:href="@/assets/device/xinxikuang.png"
          y="556.99997"
        />
        <!-- <rect
          style="fill:none !important;filter:url(#shadow);"
          :class="'s_104'"
          fill="none"
          height="154"
          id="svg_223"
          opacity="0.75"
          rx="7"
          ry="7"
          stroke="#007fff"
          stroke-dasharray="null"
          stroke-linecap="null"
          stroke-linejoin="null"
          width="320"
          x="1096"
          y="501.38596"
        /> -->
        <text
          fill="#07DCF5"
          font-family="serif"
          font-size="34"
          id="svg_224"
          opacity="0.75"
          stroke="#007fff"
          stroke-dasharray="null"
          stroke-linecap="null"
          stroke-linejoin="null"
          stroke-width="0"
          text-anchor="middle"
          x="1242"
          xml:space="preserve"
          y="675"
        >
          出水管流量: 20Pau
        </text>
        <text
          fill="#07DCF5"
          font-family="serif"
          font-size="34"
          id="svg_225"
          opacity="0.75"
          stroke="#007fff"
          stroke-dasharray="null"
          stroke-linecap="null"
          stroke-linejoin="null"
          stroke-width="0"
          text-anchor="middle"
          x="1233"
          xml:space="preserve"
          y="725"
        >
          出水管温度: 3000
        </text>
      </g>
      <g>
        <path
          d="m347.52239,919.84521l5.48682,-3.59021l-10.6085,0l-10.60848,0l0,-2.22251l0,-2.22251l10.48677,0c5.76772,0 10.48677,-0.11265 10.48677,-0.25033c0,-0.13768 -2.29611,-1.75327 -5.10246,-3.59021l-5.10248,-3.33988l4.71625,0l4.71623,0l7.20275,4.70597l7.20275,4.70597l-7.21657,4.69696l-7.21656,4.69696l-4.96506,0l-4.96507,0l5.48684,-3.59021l0,0z"
          fill="#fff"
          id="svg_227"
          stroke="#007fff"
          stroke-dasharray="null"
          stroke-linecap="null"
          stroke-linejoin="null"
          stroke-width="3"
          transform="rotate(142.322 349.096 914.032)"
        />
        <path
          d="m367.52239,939.84521l5.48682,-3.59021l-10.6085,0l-10.60848,0l0,-2.22251l0,-2.22251l10.48678,0c5.76771,0 10.48676,-0.11265 10.48676,-0.25033c0,-0.13768 -2.29611,-1.75327 -5.10246,-3.59021l-5.10248,-3.33988l4.71625,0l4.71623,0l7.20276,4.70597l7.20275,4.70596l-7.21657,4.69696l-7.21656,4.69697l-4.96507,0l-4.96507,0l5.48683,-3.59021l0.00001,0z"
          fill="#fff"
          id="svg_228"
          stroke="#007fff"
          stroke-dasharray="null"
          stroke-linecap="null"
          stroke-linejoin="null"
          stroke-width="3"
          transform="rotate(-35.0955 369.096 934.032)"
        />
      </g>
      <g>
        <filter id="glow">
          <feGaussianBlur stdDeviation="2.5" result="coloredBlur" />
          <feMerge>
            <feMergeNode in="coloredBlur" />
            <feMergeNode in="SourceGraphic" />
          </feMerge>
        </filter>
        <rect
          x="470"
          y="340"
          width="180"
          height="110"
          rx="10"
          ry="10"
          fill="#292C35"
          stroke="#5BC5F5"
          stroke-width="4"
          filter="url(#glow)"
          opacity="0.3"
        />
        <text
          fill="#ffffff"
          font-family="serif"
          font-size="32"
          id="svg_112"
          stroke="#00ff00"
          stroke-dasharray="null"
          stroke-linecap="null"
          stroke-linejoin="null"
          stroke-width="0"
          text-anchor="middle"
          xml:space="preserve"
          x="565.1"
          y="386.75"
        >
          PV: 200℃
        </text>
        <text
          fill="#ffffff"
          font-family="serif"
          font-size="32"
          id="svg_112"
          stroke="#00ff00"
          stroke-dasharray="null"
          stroke-linecap="null"
          stroke-linejoin="null"
          stroke-width="0"
          text-anchor="middle"
          xml:space="preserve"
          x="565.1"
          y="426.75"
        >
          SV: 200℃
        </text>
      </g>
    </g>
  </svg>
</template>

<script>
import { generateId } from "@/utils/index.js";
export default {
  watch: {
    // 有bug 晚点改
    "$store.state.app.sidebar.opened"() {
      setTimeout(() => {
        // let svg = document.getElementsByTagName("svg");
        // console.log("svg :>> ", svg);
        // for (let index = 0; index < svg.length; index++) {
        //   svg[index].setAttribute(
        //     "viewBox",
        //     "0,0," +
        //       svg[index].getBBox().width +
        //       "," +
        //       svg[index].getBBox().height +
        //       ""
        //   );
        // }
        // this.brder1Key = generateId();
      }, 500);
    }
  },
  data() {
    return {
      brder1Key: "11"
    };
  },
  methods: {
    ceshi() {
      console.log("1 :>> ", 1);
    }
  }
};
</script>

<style type="text/css">
.jinshui {
  fill: rgba(114, 194, 64, 0.6);
  stroke: #52c41a;
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;
  animation: flow 0.8s linear infinite;
}

@keyframes flow {
  0% {
    stroke-dasharray: 5 5;
    stroke-dashoffset: 0;
  }

  100% {
    stroke-dasharray: 5 5;
    stroke-dashoffset: -10;
  }
}
.st0 {
  opacity: 0.3;
  fill: #3f3f3f;
}
.st1 {
  opacity: 0.3;
  fill: #52579f;
  enable-background: new;
}
.st_red {
  opacity: 1 !important;
  fill: red !important;
}
.st2 {
  fill: url(#SVGID_1_);
}
.st3 {
  fill: url(#SVGID_2_);
}
.st4 {
  fill: url(#SVGID_3_);
}
.st5 {
  fill: url(#SVGID_4_);
}
.st6 {
  fill: url(#SVGID_5_);
}
.st7 {
  fill: url(#SVGID_6_);
}
.st8 {
  fill: url(#SVGID_7_);
}
.st9 {
  fill: url(#SVGID_8_);
}
.st10 {
  fill: url(#SVGID_9_);
}
.st11 {
  fill: url(#SVGID_10_);
}
.st12 {
  opacity: 0.3;
}
.st12_5 {
  opacity: 0.8;
}
.st13 {
  fill: red;
}
/* 运行中的 */
.s_101 {
  fill: #52c41a !important;
  opacity: 0.5 !important;
  stroke: #52c41a;
}
/* 待机 */
.s_102 {
  fill: #03ffff !important;
  opacity: 1 !important;
  stroke: #03ffff;
}
.s_103 {
  fill: #f49f0b !important;
  opacity: 1 !important;
}
/* 报警 */
.s_104 {
  fill: #e61d1e !important;
  opacity: 1 !important;
  stroke: #e61d1e;
}
/* 关机 */
.s_105 {
  fill: #929292 !important;
  opacity: 1 !important;
  stroke: #929292;
}
.st14 {
  fill: #c6c6c6;
}
.st15 {
  opacity: 0.3;
  fill: #7f8188;
  enable-background: new;
}
.st16 {
  opacity: 0.3;
  fill: #c6c6c6;
}
.st17 {
  opacity: 0.3;
  fill: #d1d1d1;
  enable-background: new;
}
.st18 {
  opacity: 0.3;
  fill: #d1d1d1;
}
.st19 {
  fill: #eaeaea;
}
.st20 {
  opacity: 0.3;
  fill: #35342f;
  enable-background: new;
}
.st21 {
  opacity: 0.3;
  fill: #35342f;
}
.st22 {
  fill: #e8e8e8;
}
.st23 {
  fill: none;
}
.st24 {
  fill: #4469d3;
}
.st25 {
  fill: #ff9d00;
}
.st26 {
  opacity: 0.3;
  fill: #5a5a5a;
  enable-background: new;
}
.st27 {
  opacity: 0.3;
  enable-background: new;
}
.st28 {
  fill: #818181;
}
#circle {
  /* m425.3,696.6c0,0 0.8,13.2 -4.7,18.7s-117.3,119.2 -117.3,119.2s-2.1,4.3 3.1,9s8.7,3.7 8.7,3.7l111.4,-114.6l4,-113c0,0 -3.3,9 -3.4,29.5c-0.3,20.5 -1.8,47.5 -1.8,47.5z */
  motion-path: path(
    "m571.5,484.6c-5.7,-5 -8,-1.9 -8,-1.9l-120.8,117.8l-4.4,114.7c0,0 3.3,-3 3.6,-23.4c0.3,-20.4 1.5,-54.3 1.5,-54.3s-1.3,-8.9 4.6,-16.8c5.9,-7.9 124.7,-124.3 124.7,-124.3l2.8,-2.8c0,0.1 1.8,-4 -4,-9z"
  );
  offset-path: path(
    "m571.5,484.6c-5.7,-5 -8,-1.9 -8,-1.9l-120.8,117.8l-4.4,114.7c0,0 3.3,-3 3.6,-23.4c0.3,-20.4 1.5,-54.3 1.5,-54.3s-1.3,-8.9 4.6,-16.8c5.9,-7.9 124.7,-124.3 124.7,-124.3l2.8,-2.8c0,0.1 1.8,-4 -4,-9z"
  );
  animation: rao 10s linear infinite;
}
#circle2 {
  motion-path: path(
    "m425.3,696.6c0,0 0.8,13.2 -4.7,18.7s-117.3,119.2 -117.3,119.2s-2.1,4.3 3.1,9s8.7,3.7 8.7,3.7l111.4,-114.6l4,-113c0,0 -3.3,9 -3.4,29.5c-0.3,20.5 -1.8,47.5 -1.8,47.5z"
  );
  offset-path: path(
    "m425.3,696.6c0,0 0.8,13.2 -4.7,18.7s-117.3,119.2 -117.3,119.2s-2.1,4.3 3.1,9s8.7,3.7 8.7,3.7l111.4,-114.6l4,-113c0,0 -3.3,9 -3.4,29.5c-0.3,20.5 -1.8,47.5 -1.8,47.5z"
  );
  animation: rao 10s linear infinite;
}
@keyframes rao {
  /* 100% {
    motion-offset: 50%;
    offset-distance: 100%;
  } */
  from {
    offset-distance: 0%;
  }

  to {
    offset-distance: 100%;
  }
}
</style>
